<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>api海量区</title>
    <!-- 注释css引入部分 -->
    <!--引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入常态样式 -->
    <link rel="stylesheet" href="../css/api.css">
</head>

<body>
    <!-- 注释:头部导航部分 -->
    <header>
        <div class="header-nav flex-c-sb abs">
            <div class="nav-banner"></div>
            <div class="nav-a">
                <span>
                    <a href="../html/idenx.html">首页</a>
                </span>
                <span class="active">
                    <a href="../html/api.html">Apl</a>
                </span>
                <span>
                    <a href="#"> 云服务</a>
                </span>
                <span>
                    <a href="../html/customer.html"> 案例</a>
                </span>
                <span>
                    <a href="#"> 开发者</a>
                </span>
            </div>
            <div class="nav-btn">
                <span id="btn1">
                    <a href="../html/login.html" class="ta">登录</a>
                </span>
                <span id="btn2">
                    <a href="../html/register.html" class="ta"> 注册有礼</a>
                </span>
            </div>
        </div>
    </header>
    <!-- 主体 区 -->
    <main class="mb-50">
        <!-- api分类区 -->
        <section id="apiCate" class="b-box">
            <div class="container">
                <h2>API分类</h2>
                <ul id="apiCateList">
                </ul>
                <div id="searchInput">
                    <strong>全部</strong>
                    <input type="search" value="身份证实名" />
                </div>
            </div>
        </section>
        <section id="apiCards">
            <div class="container">
                <ul id="apiCardsList" class="mt-10">
                </ul>
            </div>
        </section>
        <!-- 分页器 -->
        <section class="mt-30 container" id="pagination">
            <ul>
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
            </ul>
        </section>
    </main>
    <!-- 注释 :页脚部分 -->
    <footer class="mt-30">
        <div class="flex-c-sb container b-box">
            <div class="flex-c-sb contact-List">
                <ul>
                    <li>
                        <strong class="ta-mb">
                            联系与支持
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>

                <ul>
                    <li>
                        <strong class="ta-mb">
                            关于源码
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>
                <ul>
                    <li>
                        <strong class="ta-mb">
                            快速入口
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>

                <ul class="flex-f-c">

                    <li>
                        <strong class="ta-mb">
                            产品服务
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>
                <ul>
                    <li>
                        <strong class="ta-mb">
                            解决方案
                        </strong>
                    </li>
                    <li>400-882-7715
                    </li>
                    <li>
                        售前咨询
                    </li>
                    <li>
                        客服&售后

                    </li>
                    <li>
                        常见问题
                    </li>
                    <li>

                        极速工单
                    </li>
                    <li>
                        投诉与建议</li>
                </ul>


            </div>
            <ul class="vx">
                <li>
                    <strong class="ta-mb ">微信公众号</strong>
                </li>
                <li>
                    源码时代
                </li>
                <li>
                    <img src="../imgs/103-demo.png" width="95px">
                </li>
            </ul>
        </div>
        <div class="container flex-c-sb">
            <div>
                <img src="../imgs/bei2.png" alt="">
                <img src="../imgs/bei1.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </div>
            <div>源码大数据股份有限公司©版权所有</div>
        </div>
    </footer>
    <!-- 蒙层 -->
    <div id="mask">
        <!-- 登录框 -->
        <div id="loginModal">
            <!-- logo -->
            <div id="loginModalLogo" class="mb-30"></div>
            <!-- tab区 -->
            <div id="loginModalTab" class="mb-30 flex-c-se">
                <span class="active">账号登录</span>
                <i></i>
                <span>扫码登录</span>
            </div>
            <!-- 表单区 -->
            <form action="index.html" method="post">
                <!-- 用户名 -->
                <div id="loginUser">
                    <span></span>
                    <input type="text" placeholder="用户名/手机号/邮箱" />
                </div>
                <!-- 密码 -->
                <div id="loginPwd">
                    <span></span>
                    <input type="password" placeholder="密码" />
                </div>
                <!-- 忘记密码 -->
                <div id="forgetPwd" class="text-r">
                    <a href="#">忘记密码</a>
                </div>
                <!-- 登录 -->
                <div>
                    <input type="submit" value="登录" />
                </div>
                <!-- 立即注册 -->
                <div class="text-r">还没有账号， <a href="../html/register.html">立即注册 &gt;</a></div>
            </form>
            <!-- 二维码 -->
            <form id="QRForm" action="index.html" method="post">
                <div class="flex-c-c">
                    <img src="../imgs/showqrcode.jpg" alt="图片已损坏" />
                    <p>微信扫码登录</p>
                    <p>未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <!-- 立即注册 -->
                <p class="text-l">还没有源码账号， <a href="#">立即注册 &gt;</a></p>
            </form>

        </div>
    </div>
    <!-- 引入工具盒js -->
    <script src="../js/uilt.js"></script>
    <!-- 注释:js样式部分 -->
    <script src="../js/api.js"></script>
</body>

</html>